<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>分享</title>
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/animate.css"> 
    <script src="js/jquery-3.4.1.min.js"></script>
    <!-- <script src="js/fenxiang.js"></script> -->
    <script>
        window.onload = function(){
         if(localStorage.getItem('loginName')){
        var links=document.querySelectorAll('#headright a')
        for(var i=0;i<links.length;i++){
            links[i].style.display='none';
        }
        document.querySelector("#loginName").style.display='inline-block';
        document.querySelector("#unregister").style.display='inline-block';
        document.querySelector('#headright span').style.display="none";
        document.querySelector('#loginName').innerHTML="当前账号："+'<a href="personal.html">'+localStorage.getItem('loginName')+'</a>'  
        }
    }
    </script>
    <script>               
                       //导航栏固定
        window.onscroll=function(){
            if(document.documentElement.scrollTop>=80){
                document.getElementById('bodynav').style.position='fixed';
                document.getElementById('bodynav').style.top=0;
                document.getElementById('bodynav').style.left=0;
            }
            else{
                document.getElementById('bodynav').style.position='static';
            }
        }
        //套餐下拉框
            $(function () {
            $('#secondnav').mouseover(function () {
                $('#choose').css('display', 'block')
            })
            $('#secondnav').mouseout(function () {
                $('#choose').css('display', 'none')
            })
        })
        //健康饮食下拉框
        $(function () {
            $('#down').mouseover(function () {
                $('#updown').css('display', 'block')
            })
            $('#down').mouseout(function () {
                $('#updown').css('display', 'none')
            })
        })
        //注销事件
        function unregister(){
            localStorage.removeItem('loginName');
            location.replace('shouye.html')
        }
        </script>
  <!-- //点赞事件 -->
    <script>
        $(function(){
        // var a = document.getElementsByClassName('.like1')
    $('span').delegate("#like","click",function (){
        if ($(this).css("color") == "rgb(0, 0, 0)" ) {
         $(this).css('color', 'orangered')
         var likeNum = parseInt($(this).find('#likeNum').text())
        likeNum++
        $(this).find('#likeNum').text(likeNum)
        }
        else {
        $(this).css('color', 'black')
        var likeNum = parseInt($(this).find('#likeNum').text())
        likeNum--
        $(this).find('#likeNum').text(likeNum)
        }
    })
})
    </script>
    </script>
    <script>
    //收藏事件
    // $(function(){
    //     var num =0
    //     $('#shoucang').click(function(){
    //         if(num%2 == 0){
    //             $('#dianshoucang').css('display','block')
    //             $('#shoucang').css('display','none')
    //          alert('收藏成功')
    //          num=num+1
    //         }else{
    //             $('#dianshoucang').css('display','none')
    //             $('#shoucang').css('display','block')
    //             num=num+1
    //         }
    //     })
    // })
    $(function(){
    $('span').delegate('#coll','click',function () {
        if ($(this).css("color") == "rgb(0, 0, 0)" ) {
            $(this).css('color','orangered')
            alert('收藏成功')
        }
        else {
            $(this).css('color', 'black')
        }
    })
    })
   </script>
   <script>
   //点击评论图标
   $(function(){
       $('span').delegate('#com','click',function(){
           if($(this).parents('li').find('#bigpinglun').css("display")=='none'){
            $(this).parents('li').find('#bigpinglun').css('display','block')
            $(this).parents('li').find('.pl1').focus()
            $('.l11').css('border-bottom-left-radius','30px')
            // $('.b1').css('border-bottom-left-radius','30px')
           }else{
            $(this).parents('li').find('#bigpinglun').css('display','none')
            $('.l11').css('border-bottom-left-radius','50px')
           }
       })
       
   })
   </script>
   <script>
   </script>
   </script>
 <script>
// 发表评论
$(function(){
    $('.fabiao1').delegate('.fasong1','click',function(){
//用户未登录时提时登录
if(localStorage.getItem('loginName')){
        //传内容
    var neirong =$(this).parents('li').find('#pl').val()
    // var span = document.getElementById('xiafangpinglun')
    // span.innerHTML=neirong.value
    alert('发表成功')
    //    评论区
var newul =document.createElement('ul')
// var newContent=document.createElement('div')
newul.innerHTML="<li id='xiafangpinglunqu' class = 'x1'><div id='yitiaopinglun'><div id='youbianpinglun'><div id='touxiang'><a href=''>头像</a></div><div id='comment' class='c1'><a href=>"+localStorage.getItem('loginName')+ "</a>"+":"+neirong+" <span id='xiafangpinglun' class='xf'></span><div id='sj' class='sj'><span id='sj1 class='sj1'>"+ new Date().toLocaleString()+"<a class='rma' id='rma'href ='###'>删除</a>"+"</span></div></div></div></li>"
// newDiv.appendChild(newContent)
    var plq=$(this).parents('li').find('#pinglunqu')
    plq.prepend(newul)
    $(this).parents('li').find('#pl').val('')
}else{
    alert('请登录账号')
}
     $('.rma').click(function(){
$(this).parents('.x1').remove()
    })
    })
})
 </script>
 <!-- 查看详情 -->
 <!-- <script>
 $(function(){
     $('.tu').mouseover(function(){
         $('.tx').animate({'height':'200px'},1000)
     })
 })
 </script> -->
<!-- 评论累加 -->
    <style>
 * {
            margin: 0;
            padding: 0;
        }
        #tupian:hover .mask{
            display: block;
            /* transform: scale(1); */
        }
        .mask{ display: none;
            width: 100%;
            height: 200px;
            background-color:rgba(0,0,0,0.5);
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 30px;
            text-align: center;
        }
        .mask span{
            
            width: 100%;
            height: 200px;
            line-height: 250px;
            color: green;
            font-weight: bold;
            font-size: 18px;
            text-decoration: underline;
        }
        a {
            text-decoration: none;
            color: black;
        }

         li {
            list-style: none;
        }
        /* 字体 */
        body{
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        /* 最大DIV */
        #big {
            width: 100%;
            min-width: 1200px;
            height: 100%;
            position: relative;
            display: flex;
            flex-direction: column;
        }
        #head {
            width: 80%;
            height: 80px;
            background-color: white;
            margin: 0 auto;
            /* background-color: yellow; */
        }

        #logo {
            /* background-color: red; */
            width: 30%;
            height: 80px;
            float: left;
            position: relative;
            left: 10px;
        }

        #headleft {
            width: 50%;
            float: left;
            height: 80px;
            /* background-color: yellow; */
        }

        #headleft1 {
            height: 80px;
            line-height: 80px;
        }

        #textword {
            width: 250px;
            height: 30px;
        }

        #textsearch {
            width: 50px;
            height: 35px;
            border: 1px solid #ccc;
            background: url(images/serach.jpg);
        }

        /*背景图  */
        #login {
            text-decoration: none;
            color: #407434;
        }

        #login img {
            width: 20px;
            height: 80px;
        }

        #headright {
            height: 80px;
            line-height: 80px;
            text-align: center;
        }
        /* 注销按钮 */
        #loginName,#unregister{
           display: none;
        }
        #unregister{
            height: 25px;
            width:50px;
            border: none;
            outline: none;
            border-radius: 5px;
            background: linear-gradient(rgb(160, 191, 124), rgb(101, 147, 74));
            box-shadow: 0 0 3px rgb(64, 116, 52);
            cursor: pointer;
            color: white;
        }
        #bodynav {
            width: 100%;
            height: 60px;
            background-color: rgb(160, 190, 117);
            z-index: 5;
            min-width: 1000px;
            /* background-color: red; */
        }

        #nav {
            width: 80%;
            height: 60px;
            margin: 0 auto;
            background-color: rgb(160, 190, 117);
            /* background-color:pink; */
        }
        #nav li {
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            width: 20%;
            float: left;
        }

        #nav a {
            color: grey;
            font-weight: bold;
        }

        #nav a:hover {
            color: #407434;
            font-weight: bold;
        }
        /* 套餐下拉框 */
       #choose {
            width: 100%;
            display: none;
        }

        #pep {
            list-style: none;
            /* margin-left:10%; */
            align-items: center;
            position: relative;
            left: 25%;
        }

        #pep dd {
            width: 50%;
            height: 50px;
            line-height: 50px;
            background-color: rgb(230, 230, 230);
            font-size: 14px;              
            position: relative;
        }

        #pep dd a {
            color: grey;
        }
        /* 健康饮食下拉框 */
        #updown{
            width: 100%;
            display: none;
        }
        #up{
            list-style: none;
            position: relative;
            left: 25%;
        }
        #up dd{
            width:50%;
            height: 50px;
            line-height: 50px;
            background-color:  rgb(230, 230, 230);
            font-size: 14px;
            position: relative;
        }
        #up dd a{
            color:grey;
        }
        /* 中间格式 */
        #main{
            width: 80%;
            margin: 0 auto;
            /* border: 1px solid black; */
            height:100%;
            border-radius: 25px;
            float: left;
            justify-content: center;
            /* background-color:white; */
        }
        #bigmain{
            height: 100%;
            width: 100%;
            /* background-color: rgb(250, 232, 200); */
            display: flex;
            /* background-color: whitesmoke; */
            margin-bottom: 20px;
        }
        /* 一个li的格式 */
         #l1{
            border-radius: 30px;
            width: 100%;
            /* height: 100%; */
            /* border: 1px solid black; */
            float: left;
            
            
            /* display: flex;
            flex-direction: row; */
            /* position: relative; */
            /* overflow: hidden; */
        }
        #l1>li{
            float: left;
            margin-top: 40px;
            width: 100%;
            height: 30%;
            border-top-left-radius:50px;
            border-bottom-left-radius: 50px;
            /* border: 1px solid black; */
            background: linear-gradient(45deg, rgb(160, 190, 117), rgb(255, 255, 255)) fixed;
        }
        /* 第二个ul的格式 */
        /* .l2{
            margin-top: 40px;
            border: 1px solid black;
            position: relative; 
            height: 200px;
        } */
        /* 左边图片的DIV */

        #tupian{
            height: 200px;
            width: 20%;
            /* border: 1px solid red; */
            display: flex;
            float: left;
            position: relative;
            cursor: pointer;

        }
        /* 图片介绍 */
        #tupian>img{
            height: 200px;
            width: 100%;
            border-radius: 30px;
        }
        /*  右边的DIV */
        #txt{
            width: 79%;
            /* border:1px solid pink; */
            height: 200px;
            /* justify-content: flex-end; */
            float: right;
        }
        /* 右边题目 */
        #txt p {
            /* border: 1px solid red; */
            height: 50px;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            
        }
        /* 右边内容介绍 */
        #txt>span{
            display: inline-block;
            /* border: 1px solid gray; */
            height: 130px;
            width: 100%;
            font-size: 18px;
        }
        /* 下边DIV */
        #foot{
            height: 20px;
            /* align-items: flex-end; */
            /* border: 1px solid yellow; */
            /* float: left; */
            display: flex;
            justify-content: space-between;
            font-size: 16px;
        }
        /* 作者的span */
        #zuozhe{
            display: inline-block;
            /* border:1px solid black; */
            width: 200px;
            height: 20px;
            /* justify-content: flex-start; */
            
        }
        /* 时间的span */
        #cont{
            /* margin-left: 10px; */
            /* display: inline-block; */
            /* border:1px solid black; */
            width: 200px;
            height: 20px;
            /* justify-content: center; */
            font-size: 16px;
         
        }
        /* 收藏点赞评论右下span*/
        #youxiajiao{
            /* display: inline-block; */
            height: 20px;;
            width: 250px;
            /* justify-content: flex-end; */
            /* border: 1px solid purple; */
            margin-right: 15px;
            /* justify-content: space-around; */
            /* display: flex; */
            
        }
        /* 隐藏点赞变色 */
        #bianse{
            display:none;
        }
        /* 点赞计数 */
        #jishu{
            float: left;
        }
        
        /* 收藏点赞图标 */
        #foot i{
            height: 20px;
            width: 60px;
            cursor:pointer;
            float: left;
         
            /* word-spacing: 50px; */
            margin-left:20px; 
            /* position:relative; */
        }
        /* #likeNum{
            float: left;
        } */
        /* 隐藏收藏变色 */
        #dianshoucang{
            display: none;
        }
        /* 隐藏已收藏 */
        #yishoucang{
            font-size: 10px;
            /* line-height: 8px; */
            display: none;
            float: left;
            /* margin-left: 0px; */
        }
        /* 隐藏点评论图标 */
        #dianpinglun{
            display: none;
        }
        /* #mask{
            height: 100%;
            width: 100%;
            background-color:rgba(100, 100, 100, 0.5);
            position: fixed;
            left: 0;
            top:0;
            display: none;
        }
        #inner{
            width: 400px;
            height: 400px;
            background-color: #ff0;
            position: fixed;
            left: 50%;
            top:50%;
            margin-left: -200px;
            margin-top:-200px;
            display: none;
        } */
        /* 评论DIV */
        #pinglun{
            width: 100%;
            /* justify-content: flex-end; */
            float: left;
            overflow: hidden;
        }
        /* 评论下的Input */
        #pinglun input {
            margin-top: 5px;
            height: 30px;
            width: 100%;
        }
        textarea{
            display: block;
            border-color: black;
            margin: 5px auto;
            
            overflow: hidden;
            height: 50px;
            width: 95%;
           
            /* background:linear-gradient(45deg, rgb(160, 190, 117), rgb(255, 255, 255)) fixed; */
            /* display: none; */
        }
        #juedezan img{
            height: 20px;
            width: 20px;
            line-height: 20px;
            margin-right: 5px;
            /* margin-top: 3px; */
        }
        #juedezan span {
            height: 20px;
            line-height: 20px;
            /* align-items: center; */
            /* margin-top: -3px; */
            position: relative;
            top: -3px;
        }
        /* 发表评论下的按钮 */
        #fabiao{
            margin-left: 90%;
        }
        .fasong1{
            width: 60px;
            height: 25px; 
            position: relative;
            margin-left: 0;
        }
        /* 整个评论区的li */
        #ulul{
            position: relative;
        }
        #xiafangpinglunqu{
            position: relative;
            /* border: 1px solid red; */
        }
        /* 评论区DIV */
        #bigpinglun{
            /* height: 100px; */
            width: 100%;
            float: left;
            display: none;
            background-color: initial;
        }
        #pinglunqu{
            position: relative;
            left: 50%;
            margin-left: -47.5%;
            width: 95%;
            background-color: initial;
            float: left;
            align-items: center;
            /* margin: 5 auto; */
            margin-top: 5px;
           
        }
        #yitiaopinglun{
            /* border:1px solid orange; */
            align-items: center;
            background-color: ghostwhite;
            margin-bottom: 3px;
            border-radius: 10px;
           
        }
        #youbianpinglun{
            position: relative;
            /* border:1px solid blue; */
             padding: 1px 5px 10px 50px;
             align-items: center;

        }
        /* 头像 */
        #touxiang{
            border: 1px solid gray;
            border-radius: 25px;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 3px;
        }
        /* 头像右边评论内容 */
        #comment{
            margin-left: 10px;
            /* border: 1px solid yellowgreen; */
            height: 50px;
        }
        #sj{
            margin-top: 10px;
            /* border: 1px solid brown; */
        }
        .rma{
            float: right;
        }
         /* 底部 */
         #bottom {
            width: 100%;
            height: 150px;
            margin-top: 0px;
            background-color:rgba(30,30,30,0.4);
            justify-content: flex-end;
            /* float: left; */
            /* position: absolute;
            bottom: 0px; */
           
        }
        #bottomtext {
            width: 80%;
            height: 150px;
            margin: 0 auto;
        }
        #bottomleft {
            float: left;
            width: 200px;
            height: 150px;
            position: relative;
            top: 10px;
        }
        #bottomrighttext a,#bottomleft span,#bottomrighttext span,#bottomrighttext a{
            color: grey;
        }
        #bottomleft img {
            width: 200px;
            height: 80px;
        }
        #bottomright {
            width: 100%-200px;
            height: 150px;

        }
        #bottomrighttext {
            padding: 30px;
            position: relative;
            top: 40px;
            left: 30px;
        }
        #bottomrighttext a {
            text-decoration: none;
            margin-left: 15px;
        }
    </style>
</head>
<body>
    <div id='big'>
            <div id="head">
                    <div id="logo">
                        <img src="images/logo1.jpg" alt="" width="200px" height="80px">
                    </div>
                    <div id="headleft">
                        <div id="headleft1">
                            <form action="#">
                                <input id="textword" type="text"><input id="textsearch" type="submit" value=" ">
                            </form>
                        </div>
                    </div>
                    <div id="headright">
                        <a href="login.html" id="login">登录</a>
                        <span>|</span>
                        <a href="register.html" id="login">注册</a>
                        <span id="loginName"></span>
                        <button id="unregister" onclick="unregister()">注销</button>
                    </div>
                </div>
                <div id="bodynav">
                    <div id="nav">
                        <ul>
                            <li><a href="shouye.html">首页</a></li>
                            <li id="secondnav"><a href="#">套餐</a>
                                <div id="choose">
                                    <dl id="pep">
                                        <dd>人数</dd>
                                        <dd><a href="meetmenu2-3.html">2-3人</a></dd>
                                        <dd><a href="#">4-6人</a></dd>
                                        <dd><a href="#">7-8人</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li id="down">
                                <a href="#">健康饮食 </a>
                                <div id="updown">
                                    <dl id="up">
                                    <dd><a href="">人体群众</a></dd>
                                    <dd><a href="laoren.html">老人</a></dd>
                                    <dd><a href="">孕妇</a></dd>
                                    <dd><a href="">青少年</a></dd>
                                    </dl>
                            </div>
                            </li>
            
                            <li><a href="fenxiangjiemian.html">分享圈</a></li>
                            <li><a href="contactus.html">联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div id='bigmain'>
                <div id='main'>
               <ul id="l1" >
                    <li class="l11"> 
                        <a href="xiangqing.html">
                        <div id='tupian' class="tupian">
                                <img src="">
                           
                                <div class = 'mask'>
                                     <transition enter-active-class="animated bounce" leave-active-class="animated rollOut">
                                     <span>
                                       查&nbsp;&nbsp;看&nbsp;&nbsp;详&nbsp;&nbsp;情</span> 
                                    
                                    </transition>
                                </div>  
                       
                        </div>
                   </a>
                        <div id='txt'> 
                            <a href="xiangqing.html">
                            <p>鲫鱼豆腐汤</p>
                            </a>
                            <span class="intro">锅中倒油，翻入姜片，放入鲫鱼，小火慢煎，煎至金黄后翻面;锅中倒750ml水煮沸，倒入煎好的鱼;加入姜片、葱段、料酒3g、胡椒粉1g、鸡粉5g、盐3g、嫩豆腐250g;大火煮沸转至中火，加盖炖煮15分钟;出锅，完成。</span>
                            <div id='foot' class="foot1">
                                <span id='zuozhe'> 作者:
                                    <a href="">ID</a>
                                </span>
                                <span id='cont' class="cont1"></span>
                                <span id='youxiajiao'>

                            <div><i class="fa fa-thumbs-o-up " aria-hidden="true" id="like" class="like1">
                            
                            <span id='likeNum' class="likeNum1">100</span></i></div>
                            <i class="fa fa-star-o " aria-hidden="true" id="coll" class="coll1"></i>
                         
                            <!-- <span id='yishoucang'>(已收藏)</span> -->
                            <i class="fa fa-commenting-o fa-1.5x" aria-hidden="true" id="com" ></i>
                            </span>
                            </div>
                        </div>
                        <!-- <span id='juedezan'></span> -->
                       
                        <div id='bigpinglun' class="b1">
                        <textarea placeholder='请输入评论内容' id='pl' class='pl1' style= "  resize:none;border:1px solid gray;border-radius: 5px ; "></textarea>
                        <div id="fabiao" class="fabiao1">
                        <input type="button" value="发表" id='fasong' class="fasong1" >
                        </div> 
                        
                         <div id='pinglunqu'>
                    
                            <!-- <span id='xiafangpinglun'></span>
                            <span id='wo'></span> -->
                        </div>
                    </div>
                    </li>
                       
                    <li  class="l11" >
                       <a href="xiangqing.html">
                        <div id='tupian'>
                           
                        <img src="">
                        <div class = 'mask'>
                                <span>
                                  查&nbsp;&nbsp;看&nbsp;&nbsp;详&nbsp;&nbsp;情</span>
                           </div>
                            </div>
                        </a>
                            <div id='txt'>
                            <a href="xiangqing.html">
                                <p>豆腐</p>
                            </a> 
                                <span class='intro'>卡楼市房价肯定会房价快速导航饭卡的环境反抗军哈克的机会拉克丝的克拉斯的话克里斯蒂安</span>
                                <div id='foot'>
                                    <span id='zuozhe'> 作者:
                                        <a href="">ID</a>
                                    </span>
                                    <span id='cont' class="cont1"></span>
                                    <span id='youxiajiao'>
                                        <div><i class="fa fa-thumbs-o-up " aria-hidden="true" id="like"class="like1">
                            
                                            <span id='likeNum' class="likeNum1">100</span></i></div>
                                        
                                            <i class="fa fa-star-o " aria-hidden="true" id="coll" class="coll1"></i>
                                            <i class="fa fa-commenting-o fa-1.5x" aria-hidden="true" id="com" ></i>
                                        </span>
                                </div>
                            </div>
                            <!-- <span id='juedezan'></span> -->
                            <div id='bigpinglun' class="b1">
                            <textarea placeholder='请输入评论内容' id='pl'class='pl1'style="  resize:none;border:1px solid gray;border-radius: 5px; "></textarea>
                            <div id="fabiao" class="fabiao1">
                            <input type="button" value="发表"  id="fasong" class="fasong1">
                            </div> 
                             <div id='pinglunqu'>

                     
                            </div>
                        </div>
                        </li>

                        <li  class="l11">
                             <a href="xiangqing.html">
                                <div id='tupian'>
                                   
                                    <img src="" >
                                    <div class = 'mask'>
                                            <span>
                                              查&nbsp;&nbsp;看&nbsp;&nbsp;详&nbsp;&nbsp;情</span>
                                       </div>
                                </div>
                            </a>
                                <div id='txt'> 
                                    <a href="xiangqing.html">
                                    <p>鲫鱼豆腐汤</p>
                                    </a>
                                    <span class="intro">锅中倒油，翻入姜片，放入鲫鱼，小火慢煎，煎至金黄后翻面;锅中倒750ml水煮沸，倒入煎好的鱼;加入姜片、葱段、料酒3g、胡椒粉1g、鸡粉5g、盐3g、嫩豆腐250g;大火煮沸转至中火，加盖炖煮15分钟;出锅，完成。</span>
                                    <div id='foot' class="foot1">
                                        <span id='zuozhe'> 作者:
                                            <a href="">ID</a>
                                        </span>
                                        <span id='cont' class="cont1"></span>
                                        <span id='youxiajiao'>
        
                                    <div><i class="fa fa-thumbs-o-up " aria-hidden="true" id="like" class="like1">
                                    
                                    <span id='likeNum' class="likeNum1">100</span></i></div>
                                    <i class="fa fa-star-o " aria-hidden="true" id="coll" class="coll1"></i>
                                 
                                    <!-- <span id='yishoucang'>(已收藏)</span> -->
                                    <i class="fa fa-commenting-o fa-1.5x" aria-hidden="true" id="com" ></i>
                                    </span>
                                    </div>
                                </div>
                                <!-- <span id='juedezan'></span> -->
                               
                                <div id='bigpinglun' class="b1">
                                <textarea placeholder='请输入评论内容' id='pl' class='pl1' style="  resize:none;border:1px solid gray;border-radius: 5px; "></textarea>
                                <div id="fabiao" class="fabiao1">
                                <input type="button" value="发表" id='fasong' class="fasong1" >
                                </div> 
                                
                                 <div id='pinglunqu'>
                              
                                </div>
                            </div>
                            </li>
                            <li  class="l11">
                                    <a href="xiangqing.html">
                                       <div id='tupian'>
                                           <img src="" >
                                           <div class = 'mask'>
                                                <span>
                                                  查&nbsp;&nbsp;看&nbsp;&nbsp;详&nbsp;&nbsp;情</span>
                                           </div>
                                       </div>
                                   </a>
                                       <div id='txt'> 
                                           <a href="xiangqing.html">
                                           <p>鲫鱼豆腐汤</p>
                                           </a>
                                           <span class="intro">锅中倒油，翻入姜片，放入鲫鱼，小火慢煎，煎至金黄后翻面;锅中倒750ml水煮沸，倒入煎好的鱼;加入姜片、葱段、料酒3g、胡椒粉1g、鸡粉5g、盐3g、嫩豆腐250g;大火煮沸转至中火，加盖炖煮15分钟;出锅，完成。</span>
                                           <div id='foot' class="foot1">
                                               <span id='zuozhe'> 作者:
                                                   <a href="">ID</a>
                                               </span>
                                               <span id='cont' class="cont1"></span>
                                               <span id='youxiajiao'>
               
                                           <div><i class="fa fa-thumbs-o-up " aria-hidden="true" id="like" class="like1">
                                           
                                           <span id='likeNum' class="likeNum1">100</span></i></div>
                                           <i class="fa fa-star-o " aria-hidden="true" id="coll" class="coll1"></i>
                                        
                                           <!-- <span id='yishoucang'>(已收藏)</span> -->
                                           <i class="fa fa-commenting-o fa-1.5x" aria-hidden="true" id="com" ></i>
                                           </span>
                                           </div>
                                       </div>
                                       <!-- <span id='juedezan'></span> -->
                                      
                                       <div id='bigpinglun' class="b1">
                                       <textarea placeholder='请输入评论内容' id='pl' class='pl1' style="  resize:none;border:1px solid gray;border-radius: 5px; "></textarea>
                                       <div id="fabiao" class="fabiao1">
                                       <input type="button" value="发表" id='fasong' class="fasong1" >
                                       </div> 
                                       
                                        <div id='pinglunqu'>
                                     
                                       </div>
                                   </div>
                                   </li>
                        </ul>
                    </div>
    </div>
                <div id="bottom">
                        <div id="bottomtext">
                            <div id="bottomleft">
                                <img src="images/logo1.png" alt=""><br>
                                <span>一年四季，一日三餐</span>
                            </div>
                            <div id="bottomright">
                                <div id="bottomrighttext">
                                    <span>关于恰饭吧</span>
                                    <a href="#">网站介绍</a>
                                    <a href="#">加入我们</a>
                                    <a href="#">联系我们</a>
                                    <a href="#">商务合作</a>
                                    <a href="#">用户协议</a>
                                    <a href="#">隐私政策</a>
                                    <a href="#">网站地图</a>
                                    <a href="#">友情链接</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    <!-- <div id='mask'></div>
    <div id='inner'></div> -->

    <script>
        $(function(){
            $('div').delegate('#cont','html',function(){
            var sjj=new Date().toLocaleString()
              $(this).html(sjj)
            })
        })
        $(function(){
            var sjj=new Date().toLocaleString()
            $('.cont1').html(sjj)
        })
            
            // tew.innerHTML=new Date().toLocaleString()
            // var tew = 
            // function getTime(){     	
            //     var date=new Date();
    
            //     var year=date.getFullYear();
            //     var month=date.getMonth()+1;
            //     var day=date.getDate();
    
            //     var hour=date.getHours();
            //     var minute=date.getMinutes();
            //     var second=date.getSeconds();
    
            //     //这样写显示时间在1~9会挤占空间；所以要在1~9的数字前补零;
            //     if (hour<10) {
            //         hour='0'+hour;
            //     }
            //     if (minute<10) {
            //         minute='0'+minute;
            //     }
            //     if (second<10) {
            //         second='0'+second;
            //     }
            //     var x=date.getDay();//获取星期
            //     var time=year+'/'+month+'/'+day+'/'+hour+':'+minute+':'+second
            //     tew.innerHTML=time;//将时间显示在span内
            // }
            // getTime();
            // setInterval(getTime,0);
    
        </script>
        <script src="js/fenxiang.js"></script>
</body>

</html>